<template>
    <div>
        <h1>这个文件主要说明使用v-bind为元素动态的为元素绑定样式</h1>
    <button @click='flag=!flag'>展开和合并</button>
    <div :class="['menu',{'baidu':flag}]">

    </div>
    </div>
</template>
<script>
export default {
    data() {
        return {
            flag:false
        }
    },
}
</script>
<style>
    .menu{
        width: 500px;
        height: 500px;
        background-color: red;
    }
    .baidu{
        width: 200px;
    }
</style>